<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML5表单</title>
		<style type="text/css">
			img:hover{transform: rotate(30deg);}
		</style>
	</head>
	<body>
		<article style="margin: 20px auto;width: 850px;height: 900px;background: #EEEEEE;padding: 30px;">
			<header>
				<hgroup>
					<h1>塑造云时代，联接企业的现在和未来</h1>
					<h3>HUAWEI CONNECT 2016全联接大会</h3>
					<p style="text-indent: 2em;">华为IT产品线总裁郑叶来发表了“塑造云时代，联接企业的现在与未来”主体演讲，重磅发布了基于FUSion的31款云服务。</p>
					<figure style="text-align: center;">
						<img src="huawei_it.jpg" width="500" border="0"><br>
						<figcaption>华为IT产品线总裁郑叶来发表主题演讲</figcaption>
					</figure>
				</hgroup>
			</header>
			<form action="" method="post">
				<fieldset style="text-align: center;margin: 10px 40px;">
					<legend>会议注册页面</legend>
					注册姓名：<input type="text" name="" id="" value="" />报告题目：
					<input type="text" name="" id="" value="" /><br>
					工作单位：<input type="text" name="" id="" value="" />
					手机电话:<input type="tel" name="" id="" value="" /><br>
					电子邮件：<input type="email" name="" id="" value="" />
					报道时间：<input type="date" name="" id="" value="" /><br>
					<input type="submit" name="" id="" value="注册" />
					<input type="reset" name="" id="" value="重置" />
					
				</fieldset>
			</form>
			<footer>
				<p>住宿消息：请3月14日以后注册的代表自行预定会议期间的住宿，会务邮箱phylab@fudan.edu.cn。</p>
				<p>给您推荐的宾馆：<address>邯郸路100号如家快捷酒店（复旦店）酒店电话021-51055577国定路428号；<br>
				同舟大夏 酒店电话 021-65110356。两家宾馆距离学校都非常近，步行5分钟之内。</address></p>
			</footer>
		</article>
	</body>
</html>
